
/**
 * 移动端
 */
$(document).ready(function() {

    startBanner();

    $('.draggable-div .drag-card').draggable({
        connectToSortable: '.content-drag',
        helper: "clone",
        revert: "invalid",
        appendTo:"body",
        zIndex:999,
        start: function(e,t) {
            //开始移动
        },
        drag: function(e, t) {
            //移动过程
        },
        stop: function(e, t) {
            //移动结束 添加代码到目的div
            let id = t.helper.get(0).firstElementChild.id;
            // console.log('当前div id=' + id);
            setDivIds(id);

        }
    });

    $( ".content-drag" ).sortable({
        revert: true
    });

});

//设置ID
function setDivIds(id) {
    const divId = $(".content-drag #" + id);
    const ids = id + "-" + randomNumber();
    divId.attr("id", ids);

    //监听右键的事件
    $('#' + ids).mousedown(function(event) {
        if (event.which == 3) {
            // console.log("右键删除 id=" + ids);
            deleteDiv(ids);
        }
    });
}

//删除添加的组件
function deleteDiv(ids) {
    if (confirm("你确定删除吗？")) {
        //是的  删除
        $(".content-drag").get(0).removeChild(
            $('#' + ids).parent().get(0)
        );
    }
}

function randomNumber() {
    return Math.floor(Math.random() * 1e6 + 1);
}

/**
 * 生成html
 */
function showHTML(){
    let e = $(".content-drag").html();

    $("#htmlText").val(e);
}

// 修改弹出框的title, 显示弹框
let listIndex = 0;
function ShowCreateModal(index){
    $('#setListItem').modal('show');
    listIndex = index;
}
// 关闭弹框， 获取输入值，然后执行逻辑
$("#createFileSureBut").click(function (){

    $("#setListItem").modal("hide");
    let inputFileName = $("#fileName").val();
    //配置列表数量

    if (listIndex == 2) {
        //配置上图片下文字的list
        setMenuListItem(inputFileName);
    }else if (listIndex == 3) {
        //配置商品的list
        setShopListItem(inputFileName);
    }

});
